<template>
	<view>
		<image class="img" src="../../static/img/bjImg.jpeg" mode="widthFix"></image>
		<view class="body">
			<view class="list" v-for="(item,index) in num" :key="index">
				<view class="num">{{item.sum}}枝</view>
				<view class="line"></view>
				<view class="txt">{{item.text}}</view>
				<image class="list-img" :src="item.img" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num:[
					{
						sum:999,
						text:'天长地久、哎无止休',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:520,
						text:'我爱你，吾爱',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:365,
						text:'天天想你，天天爱你',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:123,
						text:'爱情自由',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:108,
						text:'嫁给我吧，求婚',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:101,
						text:'你是我的唯一',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:100,
						text:'百分之百的爱、百年好合',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:99,
						text:'长相厮守、坚定',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:88,
						text:'用心弥补一切过错',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:77,
						text:'相逢自是有缘',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:66,
						text:'心情顺利、真爱不变',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:60,
						text:'爱情永固',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:55,
						text:'无悔的爱',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:52,
						text:'你是我最爱的人',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:50,
						text:'无怨无悔',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:44,
						text:'亘古不变的誓言',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:36,
						text:'浪漫心情，我属于你',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:33,
						text:'爱你三生三世',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:29,
						text:'不须言语的爱',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:11,
						text:'一心一意',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:10,
						text:'完美的爱情，十全十美',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:2,
						text:'心中只有我两',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
					{
						sum:1,
						text:'情有独钟、你是我的唯一',
						img:'../../static/img/a48f58375f097edee5d03d632834a44.jpg'
					},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.img{
	width: 750rpx;
}
.body{
	width: 750rpx; 
	position: absolute;
	top: 140rpx;
	background-color: #f3f5f7;
	border-radius: 13rpx;
	min-height: 100vh;
	height: auto;
	padding-top: 30rpx;
}
.list{
	width: 710rpx;
	height: 150rpx;
	line-height: 150rpx;
	margin: 0 auto;
	display: flex;
	background-color: #fff;
	border-radius: 20rpx;
	margin-bottom: 20rpx;
}
.num{
	color: black;
	font-size: 46rpx;
	font-weight: bold;
	margin: 0 32rpx 0 25rpx;
}
.line{
	width: 1px;
	height: 60rpx;
	background-color: #e4e7ea;
	margin: auto 0;
}
.txt{
	margin:auto 30rpx;
	color: #71797f;
	width: 47%;
}
.list-img{
	width: 100rpx;
	height:100rpx;
	border-radius: 50%;
	margin-top: 25rpx;
}
</style>
